<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title><ui:insert name="title">Title</ui:insert></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"></link>
        <h:outputStylesheet name="calendar.css"/>
        <h:outputStylesheet name="dd.css"/>
    </h:head>
    <h:body>
        <p:layout fullPage="true">
            <p:layoutUnit position="north" class="decorationPublic">
                <div class="ui-grid ui-grid-responsive">
                    <div class="ui-grid-row shadowme">
                        <div class="ui-grid-col-1"></div>
                        <div class="ui-grid-col-7" >
                            <a href="#{request.contextPath}" style="text-decoration: none;color:white;">
                                &#160;&#160;<img src="../images/CTlogobadge128.png" style="padding-top: 10px;" height="30"/>&#160;&#160;&#160;
                                <h:outputText styleClass="titleText" value="Cargo Tracker - Powered by Java EE 7" />
                            </a></div>
                        <div class="ui-grid-col-2"></div>
                        <div class="ui-grid-col-1" style="padding-top: 24px;">
                            <h:form>
                                <h:commandLink value="About" action="/public/about.xhtml" styleClass="headerLink" />
                            </h:form>
                        </div>
                        <div class="ui-grid-col-1"></div>
                    </div>
                </div>
            </p:layoutUnit>
            <p:layoutUnit position="center" >
                <div id="body">
                    <ui:insert name="content">Default Content</ui:insert>
                </div>
            </p:layoutUnit>
            <p:layoutUnit position="south" size="50" class="clearCargoBkg" style="margin: 0 auto;">
                <center> <!-- TODO: change center to CCS -->
                    <p:separator/>
                    <p:outputLabel style="center"><a href="http://www.oracle.com/us/legal/terms/index.html" class="footerText">Copyright &#169; Oracle 2015 and its affiliates.</a></p:outputLabel>
                </center>
            </p:layoutUnit>
        </p:layout>
    </h:body>
</html>